<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
	<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
	<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
	　　
	<link rel="stylesheet" type="text/css" href="css/iconfont.css">

</head>
<body>
<div class="top_text" style="margin-top: -20px">
	<h5 style="text-align: center">你好，欢迎你来到汇讯抗疫救灾互助平台</h5>
	<div style="float: right;display: flex;align-items: center;justify-content:center;margin-top: -30px;padding-right: 20%">
		<div style="">客户服务</div>
		<div>
			<a href="login.html">
				<button>登录</button>
			</a>
			<a href="regist.html">

				<button>注册</button>
			</a>
		</div>

	</div>

</div>
<div>
	<div style="display: flex;align-items: center;justify-content: center">
		<div style="text-align: left;position: absolute;left: 20%">
			<img src="./image/图片1.png" width="100" height="100">
		</div>
		<div style="text-align: center;margin-left:-260px">
			<h3>汇讯科学技术有限公司</h3>
		</div>
	</div>
</div>
<div style="position: absolute;background-color: crimson;width: 80%;left: 10%;height: 40px;margin-top: 30px">
	<div style="display: flex;justify-content: left;">
		<a href="index6.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">灾情地图</div>
		</a>
		<a href="index3.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">抗灾贴士</div>
		</a>
		<a href="index7.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">灾情资讯</div>
		</a>
		<a href="index.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">个人求助</div>
		</a>
		<a href="index4.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">物资流向</div>
		</a>
		<a href="index5.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">物资捐赠</div>
		</a>
	</div>
</div>
<div style="position: absolute;width: 80%;left: 10%;height: 180px;border: 1px solid black;margin-top: 70px">
	<div class="img">
		<div id="myCarousel" class="carousel slide">
			<!-- 轮播（Carousel）指标 -->
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
				<li data-target="#myCarousel" data-slide-to="3"></li>
			</ol>
			<!-- 轮播（Carousel）项目 -->
			<div class="carousel-inner">
				<div class="item active">
					<img src="image/1.jpg" alt="First slide" style="height: 180px;width: 100%">
					<div class="carousel-caption">标题 1</div>
				</div>
				<div class="item">
					<img src="image/2.jpg" alt="Second slide" style="height: 180px;width: 100%">
					<div class="carousel-caption">标题 2</div>
				</div>
				<div class="item">
					<img src="image/3.jpg" alt="Third slide" style="height: 180px;width: 100%">
					<div class="carousel-caption">标题 3</div>
				</div>
				<div class="item">
					<img src="image/4.jpg" alt="Four slide" style="height: 180px;width: 100%">
					<div class="carousel-caption">标题 4</div>
				</div>
			</div>
			<!-- 轮播（Carousel）导航 -->
			<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
	</div>
</div>
<div style="position: absolute;width: 80%;left: 10%;height: 600px;border: 1px solid black;margin-top: 260px">
	<div style="position: absolute;height: 50px;left: 5%;border: 1px solid black;width: 95%">
		<p style="font-weight: bold;font-size: 30px">要闻速递</p>
	</div>
	<div style="position: absolute;width: 100%;height: 250px;border: 1px solid red;margin-top: 50px">
		<a href="">
			<div style="position: absolute;width: 25%;height: 200px;background-color: #F08080;left: 5%;margin-top: 10px">

			</div>
		</a>

		<a href="">
			<div style="position: absolute;width: 25%;height: 200px;background-color: blueviolet;left: 37.5%;margin-top: 10px">

			</div>
		</a>

		<a href="">
			<div style="position: absolute;width: 25%;height: 200px;background-color: cadetblue;left: 70%;margin-top: 10px">

			</div>
		</a>


	</div>
	<div style="position: absolute;height: 50px;left: 5%;border: 1px solid black;width: 95%;margin-top: 300px">
		<p style="font-weight: bold;font-size: 30px">人物故事</p>
	</div>
	<div style="position: absolute;width: 100%;height: 250px;border: 1px solid red;margin-top: 350px">
		<a href="">
			<div style="position: absolute;width: 25%;height: 200px;background-color: #F08080;left: 5%;margin-top: 10px">

			</div>
		</a>

		<a href="">
			<div style="position: absolute;width: 25%;height: 200px;background-color: blueviolet;left: 37.5%;margin-top: 10px">

			</div>
		</a>

		<a href="">
			<div style="position: absolute;width: 25%;height: 200px;background-color: cadetblue;left: 70%;margin-top: 10px">

			</div>
		</a>

	</div>
</div>



</body>
</html>
